<template>
	<view>
		<view class="uni-header">
			<label>
				接待中心 / 咨询列表
			</label>
		</view>
		
		<!--列表开始-->
		<view class="message-list-content-box left cleafix">
			<!--列表循环开始-->
			
			
			<navigator url="/pages/chat/chat">
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/1.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							张亮麻辣烫(麻辣拌·城市广场店)
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						[热销榜]本店热销商品榜来袭，满20减5，赶快来看看
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			</navigator>
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/1.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							阿水大杯茶(人民广场店)
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							12:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						非常不好意思亲，拿铁奶茶没有了，请您换一个口味好吗
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/1.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							王大丫麻辣烫(家和广场店)
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="80" absolute="rightTop" :offset="[0, -3]" size="normal">
							13:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						有的
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/10.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							蜜雪冰城(汽车站店)
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							15:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						亲，多送了您一杯奶茶
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/11.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							董家福炒鸡
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							17:55
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						我们9点开放呢
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/13.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							杭州小笼包
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						好的，辣椒油给你带上了亲
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/19.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							豪客丁·肘子饭·咖喱饭
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						啤酒带了两瓶亲
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/9.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							伊芙琳奶茶鲜果茶凉皮擀面
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						好的
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/8.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							昆城排骨米饭
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						欢迎欢迎
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			<view class="message-list-li left clearfix">
				<!--左边头像开始-->
				<view class="message-list-li-left left">
					<image src="https://mp-60d04191-dfc8-47dc-b1e1-36d6fc279352.cdn.bspapp.com/headimage/6.jpg?x-oss-process=image/resize,w_150,m_lfit" mode="aspectFill"></image>
				</view>
				<!--左边头像结束-->
				<!--中间消息列表开始-->
				<view class="message-list-li-center left clearix">
					<view class="message-list-li-title left bai">
						<text>
							张亮麻辣烫(麻辣拌·城市广场店)
						</text>
						<text>
							<uni-badge  @click="redirectToMessage()" class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[0, -3]" size="normal">
							10:44
							</uni-badge>
						</text>
					</view>
					<view class="message-list-li-content left">
						[热销榜]本店热销商品榜来袭，满20减5，赶快来看看
					</view>
				</view>
				<!--中间消息列表结束-->
			</view>
			
			
			
			
			
			
			<!--列表循环结束-->
		</view>
		<!--列表结束-->
	</view>
</template>

<style>
	.message-list-li-left image{width:100%;height:100%;}
	.message-list-li-content{width:80%;line-height:1.2rem;height:1.2rem;color:#999;font-size:.9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.message-list-li-title text:last-child{float:right;margin-right:.5rem;line-height:1.2rem;height:1.2rem;color:#999;font-size:.9rem;}
	.message-list-li-title text:first-child{float:left;width:80%;font-weight:600;font-size:1rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
	.message-list-li-title{line-height:1.5rem;height:1.5rem;margin-top:.2rem;}
	.message-list-li-center{width:calc(100% - 5rem);height:3rem;margin-top:.5rem;margin-left:.5rem;}
	.message-list-li-left{width:2.8rem;height:2.8rem;margin-left:.7rem;margin-top:.6rem;border-radius: 5px;overflow: hidden;}
	.message-list-li{width:100%;height:4rem;border-bottom:1px solid #eee;}
	.message-list-content-box{width:100%;min-height:42rem;background:#fff;padding-bottom:3rem;}
	.chat-list-li-box{width:100%;height:70px;margin-top:20px;border-bottom:1px solid #eee;}
	.chat-list-li{width:100%;min-height:800px;}
</style>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

